@charset "UTF-8";
.popups {
  $bg_color: #f8f8f8;
  $borderColor: #e7e7e7;
  $fontColor: #444f58;
  width:100%;
  background-color: #000000;
  opacity:.8;
  position: relative;
  overflow: hidden;
  //评价订单
  .order_evaluate {
    width: 820px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid $borderColor;
    overflow: hidden;
    //头部删除
    .title_all {
      height: 52px;
      width: 100%;
      line-height: 52px;
      background-color: $bg_color;
      .title {
        width: 90%;
        margin: 0 auto;
        position: relative;
        .del {
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
    .oe_content {
      width: 100%;
      padding: 45px 14px;
      overflow: hidden;
      background-color: #FFFFFF;
      .oe_contentLeft {
        width: 30%;
        float: left;
        overflow: hidden;
        box-sizing: border-box;
        text-align: center;
        .oe_goodIMG {
          width: 162px;
          height: 162px;
          line-height: 162px;
          text-align: center;
          overflow: hidden;
          box-sizing: border-box;
          border: 1px solid $borderColor;
          margin: 0 auto;
          img {
            width: 50%;
            display: inline-block;
            vertical-align: middle;
          }
        }
        p {
          text-align: left;
          width: 162px;
          margin: 0 auto;
        }
      }
      .oe_contentRight {
        width: 70%;
        float: left;
        box-sizing: border-box;
        li {
          b {
            color: #eb413d;
            font-weight: 600;
          }
          margin-bottom: 10px;
          span {
            color: $fontColor;
            margin-right: 30px;
            font-size: 13px;
          }
          .pentagram_all {
            display: inline-block;
            li {
              display: inline-block;
            }
          }
          .oe_share {
            width: 536px;
            height: 140px;
            box-sizing: border-box;
            border: 1px solid $borderColor;
            textarea {
              width: 95%;
              height: 91px;
              resize: none;
              border: 0;
              padding: 10px 12px;
            }
            .size {
              text-align: right;
            }
          }
          .oe_inputfile {
            display: inline-block;
            vertical-align: middle;
            li {
              display: inline-block;
              .oe_inputfileImg {
                width: 48px;
                height: 48px;
                overflow: hidden;
                img {
                  width: 100%;
                }
              }
            }
          }
          input[type="submit"] {
            border: 0;
            width: 182px;
            height: 40px;
            background-color: #eb413d;
            border-radius: 50px;
            color: #ffffff;
            cursor: pointer;
          }
          input[type="checkbox"] {
            display: inline-block;
            vertical-align: middle;
            margin: 0 8px 0 10px;
          }
          p {
            display: inline-block;
            font-size: 13px;
            color: $fontColor;
          }
        }
      }
    }
  }
  //新增收货地址
  .new_address {
    width: 820px;
    margin:0 auto;
    overflow: hidden;
    border-radius: 5px;
    //头部删除
    .title_all {
      height: 52px;
      width: 100%;
      line-height: 52px;
      background-color: $bg_color;
      .title {
        width: 90%;
        margin: 0 auto;
        position: relative;
        .del {
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
    .newAddress_form {
      width:100%;
      background-color: #FFFFFF;
      overflow: hidden;
      ul {
        width:80%;
        margin:40px auto;
        li {
          margin-bottom: 20px;
          .textarea_title {
            display: inline-block;
            vertical-align: top;
            margin-top:5px;
          }
          .nf_address {
            width:516px;
            height:80px;
            display: inline-block;
            border:1px solid $borderColor;
            textarea {
              width:100%;
              height: 42px;
              padding: 5px;
              resize: none;
              border: none;
            }
            .size {
              text-align: right;
              span {
                display: inline;
              }
            }
          }
          .nf_prompt {
            color: #eb413d;
            font-size: 13px;
            margin-left: 100px;
          }
          .newAddress_button {
            margin-left: 100px;
            input[type="submit"] {
              border: 0;
              width: 182px;
              height: 40px;
              background-color: #eb413d;
              border-radius: 50px;
              color: #ffffff;
              cursor: pointer;
            }
            input[type="checkbox"] {
              margin:0 3px 0 5px;
              display: inline-block;
              vertical-align: middle;
            }
            span {
              display: inline;
            }
          }
          select {
            width: 150px;
          }
          select,input{
            padding:10px 0;
            display: inline-block;
            vertical-align: middle;
          }
          span {
            width: 90px;
            font-size: 13px;
            display: inline-block;
            text-align: left;
            margin-right: 5px;
            vertical-align: middle;
            b {
              color: red;
            }
          }
        }
      }

    }
  }
  //确认收货
  .goods_confirm {
    width:370px;
    margin:0 auto;
    overflow: hidden;
    //头部删除
    .title_all {
      height: 52px;
      width: 100%;
      line-height: 52px;
      background-color: $bg_color;
      .title {
        width: 90%;
        margin: 0 auto;
        position: relative;
        .del {
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
    .gd_title {
      background-color: #fff;
    }
    .gc_content {
      background-color: #FFFFFF;
      overflow: hidden;
      .gc_info {
        width: 100%;
        overflow: hidden;
        padding-bottom:20px;
        p {
          text-align: center;
          padding: 36px 0;
        }
        button {
          border: none;
          width: 182px;
          height: 40px;
          background-color: #eb413d;
          border-radius: 50px;
          color: #ffffff;
          cursor: pointer;
          margin: 0 auto;
          display: block;
        };
      }
    }
  }
}
